<ng-container *ngIf="type === MARKER_TYPE.EQ_LEGEND_MARKER">
	<div class="features-item flex flex-row flex-items-center" *ngFor="let data of features" (click)="showOverlay(MARKER_TYPE.EQ_LEGEND_MARKER,data)">
		<div
			 [ngClass]="{'features-item-status': true, 'active':data.status === 'Active', 'failed': data.status === 'Failed', 'offline': data.status === 'Offline'}">
		</div>
		<i class="features-item-icon iconfont icon-honglvdeng" *ngIf="data.eqtType === EQUIPMENT_CODE.TSC"></i>
		<i class="features-item-icon iconfont icon-ziyuan" *ngIf="data.eqtType === EQUIPMENT_CODE.VD"></i>
		<i class="features-item-icon iconfont icon-VectorSmartObject" *ngIf="data.eqtType === EQUIPMENT_CODE.VMS"></i>
		<i class="features-item-icon iconfont icon-CCTV" *ngIf="data.eqtType === EQUIPMENT_CODE.CCTV"></i>
		<div class="features-item-text text-ellipsis">{{data.eqtId}}</div>
	</div>
</ng-container>

<ng-container *ngIf="type === MARKER_TYPE.IR_LEGEND_MARKER">
	<div class="features-item flex flex-row" *ngFor="let data of features" (click)="showOverlay(MARKER_TYPE.IR_LEGEND_MARKER,data)">

		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/accident.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.ACCIDENT" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/reverse_flow.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.REVERSE_FLOW" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/roadworks.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.ROADWORKS" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/fire.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.FIRE" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/bad_weather.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.BAD_WEATHER" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/obstacle.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.OBSTACLE" />
		<img width="24" height="24" style="margin-right: 5px" src="/content/images/icons/incident/congestion.png" alt=""
			 *ngIf="data.type === INCIDENT_CODE.CONGESTION" />

		<div class="features-item-text text-ellipsis">{{data.ir_ID}}</div>
	</div>

</ng-container>